@charset "utf-8";


/*banner板块*/
.web{
    width: 100%;
    height: 100%;

.bannerphoto{
    min-width: 1280px;
    height: 253px;
    
    img{
    width: 100%;
    margin-top: -1px;
}
}



/*引导title*/
.yindaotitle{
    width: 100%;
    height: 29px;
    .yindaocontent{
    width: 260px;
    height: 29px;
    font-size: 15px;
    padding-top: 10px;
    margin-left: 165px;
}    
}


//产品购买

.productgoumai{
    width: 1165px;
    margin-right: 59px;
    margin-bottom: 40px;
    .productgoumai-left{
    width: 485px;
    height: 411px;
    border-right: 1px solid #b9b9b9;
    box-sizing: border-box;
    margin-left: 157px;
    float: left;
    
    .productgoumai-left-bigphoto{
    width: 485px;
    height: 305px;
    position: relative;
    
    .bigphoto{
    width: 188px;
    height: 251px;
    position: absolute;
    right: 144px;
    bottom:16px;
    
}
.searchbutton{
    width: 26px;
    height: 22px;
    position: absolute;
    right: 12px;
    bottom: 16px;
}    
}

.productgoumai-left-smallphoto{
    width: 485px;
    height: 90px;
    
    .smallphoto1,.smallphoto3{
    width: 95px;
    height: 90px;
    border: 1px solid #b9b9b9;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 14px;
}

.smallphoto2,.smallphoto4{
    width: 95px;
    height: 90px;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    float: left;
    text-align: center;
    padding-top: 14px;
}
.smallphoto5{
    width: 99px;
    height: 90px;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
    float: left;
    text-align: center;
    padding-top: 14px;
}  
}
}

.productgoumai-right{
    width: 522px;
    height: 411px; 
    border-bottom: 1px solid #b9b9b9;
    float: right;
    
    .goumai{
        width: 419px;
        margin: 0 auto;
        text-align: left;
        margin-top: 67px;
        position: relative;
      
         h2{
        font-size: 23px;
        color: #468bd9;
        line-height: 44px;
        margin-left: -14px;
    }
    h3{
        font-size: 25px;
        line-height: 48px;
        font-weight: bold;
        margin-left: -14px;
         
    }
    span{
        font-size: 22px;
        font-weight: 100;
        line-height: 30px;
        margin-left: -14px;
         
    }
    p{
        font-size: 11px;
        line-height: 20px;
        margin-left: -14px;
    }
    ol{
        li{
          
            font-size: 12px;
            line-height: 22px;
        }
    }
    }
    
    .anniu{
        width: 392px;
        height: 50px;
       margin-top: 25px;
       padding-left: 38px;
    }
    
    .goumaibuttonbg{
        
        float: left;
        input{
            color: white;
            font-size: 21px;
            display: inline-block;
            width: 170px;
            height: 50px;
            background: url(../img/goumaibuttonbg.png);
        }
    }
    .lianxibuttonbg{
        float: right;
        input{
            color: white;
            font-size: 21px;
            display: inline-block;
            width: 170px;
            height: 50px;
            background: url(../img/lianxibuttonbg.png);
        }
    } 
}  
}
}

.productnav{
    width: 100%;
    height: 100px;
    background: #b5b5b5;
    
    ul{
        width: 409px;
        height: 100px;
        margin-left: 178px;
        li{
            width: 95px;
            height: 94px;
            float: left;
            
            &:nth-of-type(2){
                margin-left: 60px;
                margin-right: 60px;
            }
            a{
                display: inline-block;
                width: 95px;
                height: 94px;
                color: white;
                font-size: 22px;
                 text-align: center;
                line-height: 95px;
                 &:hover{
                      color: #468bd9;
                      background: #FFFFFF;
                      border-bottom: 6px solid #3c9cd3;
                 }
            }   
        }
    }  
}

.productuse{
    width: 100%;
    margin-top: 65px;
}
.gaoqinghuazhiwenzi{
    width: 250px;
    text-align: center;
    margin: 0 auto;
    h2{
        font-size: 28px;
        color: #0b5ae4;
        line-height: 47px;
    }
    p{
        font-size: 12px;
        line-height: 29px;
        color: #a4a4a4;
    }
}
.gaoqinghuazhiphoto{
    width:618px ;
    height: 363px;
    margin: 0 auto;
    .qingxi-1{
        width: 322px;
        height: 149px;
        float: left;
        line-height: 471px;
    }
    .qingxi-2{
        width: 296px;
        height: 363px;
        float: right;
    }
}

.yeshiwenzi{
    width: 377px;
    text-align: center;
    margin: 0 auto;
    h2{
        font-size: 28px;
        color: #0b5ae4;
        line-height: 47px;
    }
    p{
        font-size: 12px;
        line-height: 22px;
        color: #a4a4a4;
        &:first-of-type{
            line-height: 34px;
        }
    }
}
.yeshiphoto{
    width: 100%;
    margin-top: 34px;
    .yeshi-1{
        width: 747px;
        height: 602px;
        margin: 0 auto;
    }
}


.zhencewenzi{
    width: 367px;
    text-align: center;
    margin: 0 auto;
    h2{
        font-size: 28px;
        color: #0b5ae4;
        line-height: 47px;
    }
    p{
        font-size: 12px;
        line-height: 22px;
        color: #a4a4a4;
        &:first-of-type{
            line-height: 34px;
        }
    }
}
.zhencephoto{
    width: 100%;
    margin-top: 32px;
    .zhence-1{
        width: 737px;
        height: 463px;
        margin: 0 auto;
    }
}

.useaddress{
    width: 100%;
    margin: 26px auto;
   text-align: center;
    
    h2{
        font-size: 35px;
        color: #015fed;
    }
}
.usecontent{
    width: 590px;
    position: relative;
    height: 500px;
    
    margin: 35px auto;
    
}

.kanhubaobao,.lookoldman,.lookfamily,.lookdianpu{
    width: 173px;
    text-align: center;
    position: absolute;
    .shiyong-1{
        width: 173px;
        height: 169px;
       
    }
    h3{
        font-size: 17px;
        line-height: 27px;
        color: #4e70fe;
    }
    p{
       font-size: 11px;
       line-height: 16px; 
       text-align: left;
    }
}
.shiyong-2{
    width:189px ;
    height: 260px;
    position: absolute;
    left: 189px;
    top:84px;
}
.kanhubaobao{
       left: 0;
       top: 0;   
}
.lookoldman{
    right: 0;
    top: 0;
}
.lookfamily{
    left: 0;
    bottom: 0;
}
.lookdianpu{
    right: 0;
    bottom: 0;
}

.shuomingtiao1{
    width: 100%;
    height:100px;
    background: #b5b5b5;
    margin-top: 60px;
    margin-bottom: 104px;
    p{
        font-size: 21px;
        color: white;
        line-height: 100px;
        padding-left: 184px;
    }
}
.cameracontent{
    width: 100%;
    height: 812px;
    margin: 0 auto;
}
.camera{
    width: 659px;
    height: 812px;
    margin: 0 auto;
}
.camaraphoto{
    width: 142px;
    height: 812px;
    float: left;
    position: relative;
    .cameraph1{
        width: 122px;
        height: 173px;
        position: absolute;
        top: 166px;
        
    }
    .cameraph2{
        width: 122px;
        height: 173px;
        position: absolute;
        bottom: 162px;
    }
    
}


.cameratable{
    float: right;
    table{
        width: 517px;
        height: 812px;
        border: 1px solid #dddddd;
        text-align: center;
        font-size: 11px;
        tr{
            td:last-of-type{
                text-align: left;
            }
        }
    }
}

.shuomingtiao2{
    width: 100%;
    height:100px;
    background: #b5b5b5;
    margin-top: 130px;
    margin-bottom: 73px;
    p{
        font-size: 21px;
        color: white;
        line-height: 100px;
        padding-left: 184px;
    }
}
.gengduo{
    
    margin-bottom: 114px;
    ul{
        width: 1035px;
        margin-left: 90px;
        li{
            width: 130px;
            height: 165px;
            float: left;
            margin-left: 77px;
        }
    }
}
